<script setup lang="ts">
import { ref } from 'vue';
import homeSider from '@/layouts/Sider.vue'
import homeHeader from '@/layouts/Header.vue'
import homeContent from '@/layouts/Content.vue'
import homeFooter from '@/layouts/Footer.vue'
import backTop from "@/layouts/BackTop.vue"
import { useStore } from '@/store';
</script>

<template>
  <a-layout>
    <a-layout-header :style="{ position: 'fixed', zIndex: 1, width: '100%' }">
      <homeHeader></homeHeader>
    </a-layout-header>
    <a-layout-content :style="{ padding: '0 50px', marginTop: '64px',backgroundColor:'#fff' }">
        <backTop></backTop>
        <homeContent></homeContent>
    </a-layout-content>
    <a-layout-footer  :style="{ position: 'fixed', zIndex: 1, width: '100%',bottom:'0' }">
      <homeFooter></homeFooter>
    </a-layout-footer>
  </a-layout>
</template>
<style scoped>

</style>